<template>
	<div class="yellow">
		<div class="header flex a-center jlr">
			<div class="back" @click="back"><i class="iconfont icon-arrow-left-copy"></i></div>
			<h2>查看物流</h2>
			<div class="back">&nbsp;</div>
		</div>
		<div class="abox">
			<div class="protop">
				<div class="procont">
					<div class="flex jlr" v-for="(v,i) in productInfoList" :key="i" style="border-bottom:1px solid #fffaf8;">
						<div class="img"><img :src="v.frontPicUrl"></div>
						<div class="info flex col jlr">
							<div class="title">
								<h4>{{v.productDesc | textcell}}</h4>
								<span>颜色：{{v.colorName}}  <label>{{v.specsName}}</label></span>
							</div>
							<div class="ce">￥{{v.price}}</div>
						</div>
					</div>
				</div>

				<h3>物流信息</h3>
				<ul class="courierlist">
					<li v-for="(v,i) in list" :key="i">
						<div class="info">
							<h4>{{v.status}}</h4>
							<span>{{v.time}}</span>
						</div>
					</li>
				</ul>

			</div>



		</div>

	</div>
</template>
<script>
export default {
	data(){
		return {
			list:[],
			productInfoList:[],
		}
	},
	activated() {
		this.init()
	},
	methods:{
		init(){
			this.$ajax.getExpress({orderId:this.$route.query.id}).then(res=>{
				if(res.code==0){
					this.list = res.data.list
					this.productInfoList = res.data.productInfoList
				}
			})
		},
		back(){
			this.$router.go(-1)
		}
	}
}
</script>
